@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;}
.tit span{display:block;font-size: 40px;color: #1f1715;line-height: 40px;}
.tit i{display:block;font-size: 20px;color: #1f1715;line-height: 20px;padding-top: 25px;letter-spacing: 3px;}
/*banner*/
.banner{height: 700px;overflow: hidden;}
.banner .bd li{height: 700px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 700px;}
/*search*/
.search{height: 70px;background: #f2f2f2;}
.search p{float: left;line-height: 70px;font-size: 14px;color: #333;}
.search p a{margin-right:30px;color: #666;}
.s_box{float: right;width: 320px;height: 38px;border:1px solid #e2e2e2;background: #fff;margin-top:16px;}
.s_box .input1{float:left;width:280px;padding-left:10px;height:38px;line-height: 38px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:18px;height: 38px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;}
/*intro*/
.intro{padding:80px 0 0;height: 575px;}
.intro_l{float: left;padding-left: 100px;background:url(../images/intro_t.jpg) no-repeat left top;position: relative;}
.intro_l .vd{width: 600px;height: 366px;}
.intro_l .cpt{position: absolute;left: -72px;top: 239px;z-index: 10;}
.intro_l .cpt .vr{position: absolute;left: 72px;bottom: 45px;font-size: 22px;color: #666;line-height: 28px;padding-left: 48px;background:url(../images/vr.png) no-repeat;}
.intro_r{float: right;width: 400px;}
.intro_r em{display:block;font-size: 20px;color: #e60012;font-family: Arial;width: 105px;height: 37px;margin:22px 0 28px;position: relative;}
.intro_r em:after{position: absolute;width: 250px;height: 1px;background: rgba(35,24,21,0.3);content:"";right: 0;bottom: 0;}
.intro_r h3{height: 150px;font-weight: normal;color: #1f1715;}
.intro_r h3 b{display:block;font-size: 40px;line-height: 40px;}
.intro_r h3 i{display:block;font-size: 38px;line-height: 38px;padding-top: 8px;letter-spacing: 4px;}
.figure li{float: left;width: 184px;padding-left: 14px;height: 75px;margin-bottom: 40px;border-left:1px solid #535353;}
.figure li span{display:block;font-size: 12px;color: #000;height: 40px;line-height: 18px;margin:12px 0 0;}
.figure li span i{display:inline-block;font-size: 52px;line-height: 40px;font-family: Arial;}
.figure li p{font-size: 14px;color: #000;line-height: 28px;}
.figure li:nth-child(2n){width: 174px;padding-left: 24px;border-right:1px solid #535353;}
.figure li:hover{border-left-color: #e5151d;}
.figure li:hover span{color: #e5151d;}
.intro_r .more{display:inline-block;font-size: 16px;line-height: 20px;color: #e60012;padding-right:32px;background:url(../images/jt1.png) no-repeat right center;margin-top:18px;}
/*pro*/
.pro{padding:0 0 70px;background:url(../images/pro_bg.jpg) no-repeat center 0;}
.pro_t{height: 222px;}
.pro_t h2{float: left;margin-top: 80px;text-align: left;}
.pro_t h2 i{padding-top: 20px;}
.pro_t h3{float: right;font-weight: normal;margin-top: 140px;}
.pro_t h3 a{float: left;font-size: 18px;height: 30px;line-height: 30px;color: #000;padding:0 15px;position: relative;}
.pro_t h3 a:after{position: absolute;width: 1px;height: 14px;background: #c8c8c9;content:"";top: 8px;right: 0;}
.pro_t h3 a:hover{color: #fff;background: #e5151d;}
.pro_t h3 a:hover:after{display: none;}
.pro_con{margin:0 30px;}
.pro li{float: left;width: 32.8%;margin-right: 0.8%;margin-bottom: 10px;border:2px solid #e2e2e2;border-radius: 2px;box-sizing: border-box;position: relative;overflow: hidden;transition:all 0.3s;}
.pro li:nth-child(3n){margin-right: 0;}
.pro li img{display:block;width: 100%;}
.pro li h4{position: absolute;left: 4%;top: 10%;font-weight: normal;}
.pro li h4 b{display:block;font-size: 20px;color: #fff;padding:0 10px;height: 30px;line-height: 30px;background: #e5151d;box-shadow:0 2px 20px rgba(0,0,0,0.2);}
.pro li h4 i{display:block;font-size:16px;color: #282828;padding:0 10px;line-height: 28px;}
.pro li .more{position:absolute;width:60px;height: 60px;font-size: 14px;color: #fff;line-height: 60px;text-align: center;background: #e5151d;right: -60px;bottom: -60px;transition:all 0.3s;}
.pro li:hover{border-color: #e5151d;}
.pro li:hover .more{right: 0;bottom: 0;}
.pro_pg{height: 10px;text-align: center;margin-top: 56px;}
.pro_pg i{display:inline-block;width: 10px;height: 10px;background: #000;border-radius: 50%;margin:0 15px;}
.pro_pg i.on{background: #e5151d;}
/*经验*/
.jy{padding:80px 0 0;}
.jy h2{margin-bottom: 56px;}
.ys_con{height: 710px;background:url(../images/ys_bg.jpg) no-repeat center 0;}
.jy_l{float: left;margin-left: -358px;}
.jy_l p{position: relative;height: 704px;}
.jy_l p span{position: absolute;left: 360px;bottom: -30px;width: 384px;height: 70px;line-height: 70px;text-align: center;font-size: 22px;color: #fff;background: #e5151d;}
.jy_r{float: right;width: 655px;margin-left: -58px;padding-top: 47px;}
.jy_r ul li{height: 154px;position: relative;z-index: 100;}
.jy_r ul li i{float: left;width: 70px;height: 70px;padding:5px;margin:37px 58px 0 14px;background:url(../images/c1.png) no-repeat;}
.jy_r ul li p{float: left;padding-top: 28px;width: 490px;}
.jy_r ul li p em{display: block;font-size: 22px;line-height: 22px;padding-bottom: 8px;color: #05101f;}
.jy_r ul li p span{display: block;font-size: 14px;line-height: 24px;color: #666;}
.jy_r ul li p b{color: #282828;}
.jy_r ul li:hover,.jy_r ul li.cur{background: url(../images/you_bg.png) no-repeat;}
.jy_r ul li:hover em,.jy_r ul li.cur em{color: #fff;}
.jy_r ul li:hover p span,.jy_r ul li.cur p span{color: #fff;}
.jy_r ul li:hover p b,.jy_r ul li.cur p b{color: #fff;}
.jy_r ul li.cur i{background:url(../images/c2.png) no-repeat;}
/*honor*/
.honor{padding:85px 0 60px;}
.honor h3{text-align: center;height: 66px;margin-bottom: 40px;font-weight: normal;}
.honor h3 a{display:inline-block;width: 222px;height: 66px;line-height: 66px;text-align: center;font-size: 22px;color: #fff;background: #8b8b8b;margin:0 20px;}
.honor h3 a.cur{background: #e10415;color: #fff;}
.honor_list{position: relative;height: 430px;}
.honor_list .tempWrap{width: 100% !important;}
.honor_list li{float: left;width: 266px;margin-right: 45px;}
.honor_list li img{display:block;width: 266px;margin-bottom:30px;}
.honor_list .sprev{position: absolute;top: 200px;left: -60px;background: #000;z-index: 10;}
.honor_list .snext{position: absolute;top: 200px;right: -60px;background: #000;z-index: 10;}
.honor_list .sprev:hover{background: #e10415;}
.honor_list .snext:hover{background: #e10415;}
/*ser*/
.ser{height: 542px;background:url(../images/ser_bg.jpg) no-repeat center 0;}
.ser h2{padding:84px 0 0;height: 140px;}
.ser li{float: left;width: 380px;height: 116px;margin-bottom: 28px;margin-right: 30px;position: relative;}
.ser li:nth-child(3n){margin-right: 0;}
.ser li.bor:after{position:absolute;width: 320px;height: 2px;background: #727272;content: "";left: 0;bottom: 0;}
.ser li i{float: left;width: 94px;height: 94px;background: #8b8b8b;border-radius: 50%;margin-right: 20px;transition:all 0.5s linear;}
.ser li p{float: left;width: 260px;}
.ser li p em{display:block;font-size: 22px;color: #131313;line-height: 28px;margin-bottom: 6px;}
.ser li p span{display:block;font-size: 18px;color: #666;line-height: 24px;}
.ser li p strong{display:block;font-size: 22px;line-height: 40px;font-family: Arial;color: #666;}
.ser li:hover i{background: #e10415;transform:rotateY(360deg);}
/*case*/
.case{padding:78px 0 0;}
.case_t{margin:30px 0;height: 60px;}
.case_t li{float: left;width: 126px;padding-left: 20px;height: 60px;border-left:1px solid #d2d1d0;}
.case_t li i{display:block;font-size: 14px;color: #000;opacity: 0.5;line-height: 14px;text-transform: uppercase;padding:10px 0;}
.case_t li span{display:block;font-size: 18px;color: #000;line-height:18px;}
.case_t li.cur i,.case_t li.cur span{color: #e5151d;}
.case_con dl{height: 374px;background: #f3f3f3;}
.case_con dt img{display:block;width: 749px;height: 374px;}
.case_con dd{float: right;width: 340px;margin-right: 60px;margin-top: 48px;}
.case_con dd h3{font-size: 28px;line-height: 28px;height: 55px;border-bottom:1px solid #1f1715;font-weight:normal;margin-bottom: 20px;}
.case_con dd p{font-size: 16px;color: #1f1715;line-height: 26px;}
.case_con dd .more{display:inline-block;height: 28px;line-height: 28px;padding-left: 38px;font-size: 16px;color: #1f1715;font-weight:bold;background:url(../images/jia.png) no-repeat;margin-top: 32px;}
.case_ct{position: relative;}
.case_ct .pageState{position: absolute;height:30px;line-height: 30px;font-size: 20px;font-weight:bold;color: #1f1715;bottom: 26px;right: 335px;z-index: 10;}
.case_ct .pageState span{font-size: 30px;}
.coop{margin-top: 36px;position: relative;}
.coop li{float: left;width: 182px;height: 102px;border:1px solid #d7d7d7;margin-right: 19px;overflow: hidden;}
.coop li img{width: 182px;height: 102px;transition:all 0.5s;}
.coop li:hover{border-color: #e5151d;}
.coop li:hover img{transform:scale(1.05);}
.coop .sprev{position: absolute;top: 30px;left: -50px;z-index: 10;}
.coop .snext{position: absolute;top: 30px;right: -50px;z-index: 10;}

.new{ height: 790px;position: relative;}
.new h2{ padding-top: 78px; padding-bottom: 32px;}
.new h3{ text-align: center; width: 450px; height: 36px; line-height: 36px; display: block; margin-left: 380px; border: 1px solid #c6c5c5; margin-bottom: 40px; font-weight: normal;}
.new h3 span{ display: inline-block; width:150px;border-left: 1px solid #c6c5c5; box-sizing: border-box; font-size: 18px; color: #222222;}
.new h3 span.cur{ background: #e5151d;}
.new h3 span.cur a{  color: #fff; }
.new h3 span:first-child{border: 0;}
.new .more{position: absolute;top: 220px;right: 0;z-index: 10;}
.new .more a{display:block;font-size: 12px;color: #666;line-height: 20px;}
.new .more a:hover{color: #e5151d;}
.new .new_l{ float: left;}
.new .new_l dl{ width: 590px; }
.new .new_l dt{width: 590px;  height: 280px; display: block;overflow: hidden; }
.new .new_l dt img{ width: 590px;  height: 280px; display: block; transition: all 0.3s linear 0s; }
.new .new_l dl:hover img{transform: scale(1.05);}
.new .new_l dd h4{ display: block; height: 45px;line-height: 45px; padding-top: 15px; font-weight: normal;}
.new .new_l dd h4 a{ font-size: 18px; color: #222222;}
.new .new_l dd h4 a:hover{color: #e5151d;}
.new .new_l dd h4 span{ float: right;font-size: 12px; color: #aaaaaa; font-style: italic;font-family: Arial;text-transform: uppercase;}
.new .new_l dd p{ font-size: 14px; color: #aaaaaa; line-height: 24px; padding-bottom: 20px;border-bottom:1px solid #ebebeb;}

.faq2{ width:560px; }
.faq2 dl{ padding:20px 0;position: relative;}
.faq2 dl:after{position: absolute;width: 486px;height: 1px;background: #dedede;content: "";right: 0;bottom: 0;}
.faq2 dt a{ display:block;height:24px; font-size:16px ;  line-height:24px; color:#000000; }
.faq2 dt a:hover{color: #e5151d;}
.faq2 dd{ font-size:14px; line-height:24px; color:#666666; margin-top:15px;}
.faq2 dl:first-child{ padding-top: 0;}
.faq2 dd span{ float: right;font-size: 12px; color: #aaaaaa; font-style: italic;font-family: Arial;text-transform: uppercase;}



.abt{ height: 663px;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt_con{ padding-top: 420px;}
.abt_con dl{ margin-bottom: 66px; height: 64px;}
.abt_con dt img{ display: block; width: 64px; height:64px; float: left; margin-left: 35px; margin-right: 20px;}
.abt_con dd h3{ float: left; font-size: 16px; line-height: 24px; color: #1f1715; text-align: center; padding-top: 10px;letter-spacing: 3px;}
.abt_con dd h3 span{display: block;font-size: 10px; color: #1f1715;font-weight: normal;letter-spacing: -1px;text-transform: uppercase; }
.abt_con dd p{ margin-left: 50px;font-size: 14px; line-height: 24px; color: #1f1715; width: 645px; float: left;padding-top: 10px;}
.abt_con dd .more{ display: block; width: 25px; height: 45px; float: right; margin-right: 45px; margin-top: 15px;}

.abt_con ul li{ float: left; margin-left: 50px;}
.abt_con ul li i{ display: block; width: 40px; height: 40px; border: 1px solid #e6e6e6; float: left; margin-left: 30px; margin-right: 24px;}
.abt_con ul li:hover i{ border:1px solid #e5151d;}
.abt_con ul li em{ float: left; font-size: 38px; color: #969696; font-weight: bold; display: block; width: 80px; height: 40px; border-right: 1px solid #e6e6e6; line-height: 40px; margin-left: 50px;}
.abt_con ul li:hover em,.abt_con ul li:hover span,.abt_con ul li:hover em,.abt_con ul li:hover span b{ color: #e5151d;}
.abt_con ul li:hover em{ border-right: 1px solid #e5151d;}
.abt_con ul li span{ float: left; font-size: 18px; color: #6f6f6f;}
.abt_con ul li span b{ display: block; font-weight: normal; font-size: 12px; color: #aaa9a9; text-transform: uppercase;}
.abt_con li.abt1 i{background: url(../images/abt_ic1.png) no-repeat center;}
.abt_con li.abt2 i{background: url(../images/abt_ic2.png) no-repeat center ;}
.abt_con li.abt3 i{background: url(../images/abt_ic3.png) no-repeat center; }
.abt_con li.abt1:hover i{background: url(../images/abt_ic1h.png) no-repeat center;}
.abt_con li.abt2:hover i{background: url(../images/abt_ic2h.png) no-repeat center ;}
.abt_con li.abt3:hover i{background: url(../images/abt_ic3h.png) no-repeat center; }